<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Login - 探星科技</title>
    <style>
        body {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            background: url('1.jpg') no-repeat center center fixed;
            background-size: cover;
            font-family: Arial, sans-serif;
        }
        .container {
            display: flex;
            width: 90%;
            max-width: 1200px;
            border: 1px solid #ccc;
            box-shadow: 0 4px 6px rgba(0,0,0,0.1);
            background: rgba(255, 255, 255, 0.8);
        }
        .info {
            padding: 20px;
            width: 60%;
        }
        .login {
            padding: 20px;
            width: 40%;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
        input, button {
            padding: 10px;
            margin-top: 10px;
            width: 100%;
            box-sizing: border-box;
        }
        button {
            background-color: blue;
            color: white;
        }
    </style>
</head>
<body>
    <div class="container">
        <div class="info">
            <h2>探星科技系统简介</h2>
            <p>探星科技是一款基于AI深度学习的自闭症儿童早期筛查系统，通过AI、深度学习算法的构建，以信息化技术为载体，根据眼动追踪技术进行分析，集分析影像数据、针对数据提供相应数值、早期预防治疗、提升语言、社交、智能等方面能力于一体的治疗交互系统，实现自闭症的“早预测、勤评估、精准诊断、有效干预”。</p>
            <h3>技术层面</h3>
            <p>通过深度学习的算法架构、利用互联网、人工智能、眼动追踪技术手段进行筛查。基于Python的开发环境，通过深度学习的模型将表征数据与系统内的大数据进行比对，先导入了来访者数据，采用resnet网络结构，加载模型并执行预测，形成可视化结果。深度学习系统采用分层构架，包括应用层、数据层、模型层、特征层。</p>
            <h3>社会价值</h3>
            <p>经统计我国自闭症患者约有200万人并呈上升趋势，而自闭症儿童的发现与检查极为困难，通过主观判断、心理检测难以做到准确的评估，因此基于深度学习的自闭症儿童早期筛查系统尤为重要。</p>
        </div>
        <div class="login">
            <h2>用户登录</h2>
            <input type="text" id="username" placeholder="用户名">
            <input type="password" id="password" placeholder="密码">
            <button onclick="login()">登录</button>
            <p>没有账户？ <a href="#">注册</a></p>
        </div>
    </div>
    <script>
        function login() {
            var username = document.getElementById('username').value;
            var password = document.getElementById('password').value;
            if (username === '123' && password === '123') {
                window.location.href = 'main.html'; // Redirect to the main interface
            } else {
                alert('用户名或密码错误');
            }
        }
    </script>
</body>
</html>
